<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS选择器</title>
	<style type="text/css">
		div{
			color: red;
		}
		#box{
			color: green;
		}
		.red{
			color: #678908;
		}
		.bold{
			font-weight: bold;
		}
		.yahei{
			font-family: 'Microsoft Yahei';
		}
		.duanluo{
			text-indent: 40px;
			font-size: 20px;
		}
		.duanluo em{
			font-style: normal;
			color: #379012
		}
		.list{
			list-style: none;
			}
		.list li{
			height: 30px;
		}
		.list a{
			text-decoration: none;

		}
	</style>
</head>
<body>
	<div>zhwshitohe1</div>
	<div id="box">zhwshitohe1</div>
	<div class="red bold">zhwshitohe1</div>
	<p class="duanluo yahei">
		<em>为了让网页元素的样式更加丰富</em>，也为了让网页的内容和样式能拆分开，CSS由此思想而诞生，CSS是 Cascading Style Sheets 的首字母缩写，意思是层叠样式表。有了CSS，html中大部分表现样式的标签就废弃不用了，html只负责文档的结构和内容，表现形式完全交给CSS，html文档变得更加简洁。
	</p>
	<p>
		<em>为了让网页元素的样式更加丰富</em>，也为了让网页的内容和样式能拆分开，CSS由此思想而诞生，CSS是 Cascading Style Sheets 的首字母缩写，意思是层叠样式表。有了CSS，html中大部分表现样式的标签就废弃不用了，html只负责文档的结构和内容，表现形式完全交给CSS，html文档变得更加简洁。
	</p>
	<ul class="list">
		<li><a href="">标题</a></li>
		<li><a href="">标题</a></li>
		<li><a href="">标题</a></li>
		<li><a href="">标题</a></li>
		<li><a href="">标题</a></li>
		<li><a href="">标题</a></li>
	</ul>
</body>
</html>